body{color: #333;font-family: "微软雅黑";}
a{text-decoration: none;color: #333;}

.header{width: 100%;height: 80px;}
.h-in{width: 1200px;margin: 0 auto;line-height: 80px;}
.h-l{float: left;height: 80px;}
.h-l h1 img{margin-top: 10px;}
.h-r{float: right;height: 100%;}
nav{width:100%; height:40px;margin:0 auto;text-align: center;background: url(../images/nav-bg.jpg) no-repeat top center;}
.n-in{max-width: 1220px;margin: 0 auto;height: 40px;line-height: 40px;padding: 0 10px;box-sizing: border-box;}
nav ul{font-size: 0;list-style: none;margin:0 auto;text-align: center;float: left;}
nav ul .navs{float:left;text-align: center;padding: 0 20px;position: relative;box-sizing: border-box;width: auto !important;overflow: visible;margin: 0 5px;}

nav ul .navs .nv{font-size: 15px;color:#333;text-decoration: none;display: block;position: relative;}
nav ul .on{float:left;height:36px;text-align: center;}
nav ul .in{padding-right: 0;background: none;}
.nav_list{display: none; position: absolute;top:80px;background: #fff;cursor:pointer;left:0px;z-index: 9999999999;box-shadow: 0px -1px 5px 0 rgba(0,0,0,0.2);min-width: 100px;}
.nav_list ul{float: none;}
.nav_list ul .nov{position: relative;}
.nav_list ul .nov a{display: block;height: 40px;color: #333;line-height: 40px;width:100%;text-decoration: none;font-size: 13px;background: #eee;}
.nav_list ul .nov:hover a{color:#fff;}
.nav_list ul .nov:hover a{background:#036EB8;}
nav ul li:nth-of-type(4) .nav_list{width: 150%;text-align: left;}

.m2menu_a {
    font-size: 15px;
    position: relative;
    display: inline-block;
}
.m2menu_a.active {
    color: #036EB8;
    font-weight: bold;	
	}
.m2menu_a.active:after, .m2menu_a:hover:after {
    width: 100%;
}
.m2menu_a:after {
    content: "";
    height: 4px;
    background: #036eb8;
    width: 0;
    transition: all 0.5s ease-in-out;
    position: absolute;
    left: 0;
    bottom: 1px;
}



/*··········banner·············*/

.banner{width:100%;height:auto;position: relative;overflow: hidden; margin:0 auto;z-index: 2;}
.banner ol{ position:absolute; z-index:1;right: 50%;bottom: 15px;transform: translateX(50px);}
.banner ol li{float: left;width: 20px;height: 4px;text-align: center;line-height: 20px;margin-left: 20px;cursor: pointer;background:#FFFFFF;}
.banner .cur{background: #036EB8;}
.banner .all2{width: 300%;height: 100%;position:relative; z-index:0;}
.banner .all2 li{width: 33.33333333333333333%;height:100%;float: left;box-shadow:rgba(0,0,0,0.1) 0px 0px 14px 0px;}
.banner .all2 li img{width: 100%;}




/* content */
.content{padding-top: 90px;width: 100%;height: auto;}
.c-in{width: 1200px;margin: 0 auto;height: auto;}
.c-top{width: 100%;height: 100%;border-bottom: 1px solid #e6e6e6;padding-bottom: 40px;}
.c-l{float: left;}
.c-r{float: right;}
a.more{display: block;width: 130px;height: 40px;border-radius:20px ;background: #036EB8;color: #FFFFFF;text-align: center;line-height: 40px;font-size: 12px;margin-top: 22.5px;}
a.more:hover{background: #172a88;}
.c-title h3{font-weight: normal;color: #172a88;font-size: 22px;}
.c-title span{font-size: 12px;font-family: arial;color: #ccc;display: block;margin: 10px 0;}
.c-title p{color: #666;font-size: 14px;}
.c-bottom .c-ul li{float: left;width: 380px;height: 240px;position: relative;transition: all 0.5s;overflow: hidden;margin-right: 30px;margin-bottom: 30px;}
.c-bottom .c-ul li:nth-of-type(3n+0){margin-right: 0;}
.c-bottom .c-ul li a{display: block;width: 100%;height: 100%;transition: all 0.5s;}
.c-bottom .c-ul .c-con{width: 100%;height: 100%;}
.c-bottom .c-ul .c-con .c-img{width: 100%;height: 100%;}
.c-ul .c-describe{position: absolute;bottom: 0;left: 0;height: 46px;line-height: 46px;background: rgba(68,68,68,0.8);color: #FFFFFF;width: 100%;padding: 0 20px;box-sizing: border-box;transition: all 0.5s;}
.c-ul .c-img img{display: block;width: 100%;height: 100%;transform: scale(1,1);transition: all 0.5s;}
.c-ul .c-list{position: absolute;width: 300px;height: 180px;background: rgba(3,110,184,0.8);color: #FFFFFF;top: 50%;padding:20px;left: 50%;transform: scale(0.3,0.3);opacity: 0; transition: all 0.5s;margin-left: -170px;margin-top: -110px;}
.list-title{padding: 15px 0;border-bottom: 1px solid #FFFFFF;font-size: 18px;box-sizing: border-box;}
.list-p{font-size: 13px;line-height: 28px;height: 90px;overflow: hidden;margin-top: 15px;}
.c-bottom .c-ul li:hover .c-list{opacity: 1;transform: scale(1,1);}
.c-bottom .c-ul li:hover .c-describe{bottom: -46px;}
.c-bottom .c-ul li:hover .c-img img{transform: scale(1.1,1.1);}
.c-bottom{padding: 50px 0;}


/* youshi */
.advantage{width: 100%;height: 145px;background: url(../images/our.jpg) no-repeat center center;background-size:cover ;padding: 45px 0;box-sizing: border-box;margin: 50px 0 0;}
.adv-in{width: 1200px;color: #FFFFFF;text-align: center;margin: 0 auto;font-size: 22px;}
.adv-in span{font-size: 14px;display: block;margin-top: 10px;}


/* system */
.fl{float: left;}
.system{width: 225px;height: 220px;padding: 40px 30px;box-sizing: border-box;}
.system2{width: 305px;height: 220px;position: relative;overflow: hidden;margin-right: 30px;margin-bottom: 30px;}
.system2 .s-img img{width: 100%;height: 100%;display: block;transform: scale(1,1);transition: all 0.5s;}
.system2 .s-title{height: 40px;line-height: 40px;position: absolute;left: 0;bottom: 0;background: rgba(68,68,68,0.8);color: #FFFFFF;width: 100%;padding: 0 20px;box-sizing: border-box;}
.system2 .s-title span{display: block;width: 20px;height: 20px;position: absolute;right: 40px;top: 8px;background: url(../images/more.png) no-repeat center center;transition: all 0.5s;}
.system2:hover .s-img img{transform: scale(1.1,1.1);}
.system2:hover .s-title span{right: 20px;}
.system2:hover .s-title{background: rgba(3,110,184,0.8);}
.c-bottom-in div:nth-of-type(4){margin-right: 0;}
.c-bottom-in div:nth-of-type(7){margin-right: 0;}
.system .more{margin-top: 120px;box-sizing: border-box;margin-left: 20px;}


/* news */
.news{width: 100%;height: auto;padding:60px 0 150px;}
.news-in{width: 1200px;margin: 0 auto;}
.n-l{float: left;width: 520px;height: 280px;position: relative;overflow: hidden;}
.n-r{width:620px ;height: 280px;float: right;}
.n-l img{width: 100%;height: 100%;display: block;transform: scale(1,1);transition: all 0.5s;}
.n-l .n-list{position: absolute;left: 0;bottom: 0;height: 42px;color: #fff;background: rgba(0,0,0,0.5);width: 100%;padding: 0 20px;box-sizing: border-box;line-height: 42px;}
.n-l:hover img{transform: scale(1.1,1.1);}
.n-l:hover .n-list{background: rgba(3,110,184,0.8);}
.n-title{color: #172a88;font-size: 22px;height: 60px;border-bottom: 1px solid #e8e8e8;line-height: 60px;margin-bottom: 30px;}
.n-title span{font-size: 12px;color: #ccc;margin-left: 5px;}
.n-r .n-dl dt a{font-size: 16px;margin: 15px 0;position: relative;display: block;}
.n-r .n-dl dd{font-size: 14px;color: #999;line-height: 30px;}
.n-r .n-dl dt span{position: absolute;right: 0;color:#036EB8;font-size: 12px;}
.n-r .n-dl dt:hover a{color: #036EB8;}


/* footer */
.footer{width: 100%;height: auto;background: #444;}
.f-in{width: 1200px;height: auto;margin: 0 auto;padding: 30px 0;}
.f-in dl{width: 210px;float: left;color: #FFFFFF;}
.f-in dl a{color: #FFFFFF;font-size: 14px;}
.f-in dl dd{line-height: 24px;}
.f-in dl dt{font-weight: bold;font-size: 16px;}
.f-in dl dt span{display: block;width: 30px;height: 3px;background: #FFFFFF;margin: 10px 0 6px;}
.f-dl{border-right: 1px solid #4f4f4f;width: 841px;box-sizing: border-box;float: left;}
.f-con{float: right;width: 359px;color: #FFFFFF;padding:0 0px 0 80px ;box-sizing: border-box;font-size: 12px;line-height: 30px;}
.f-con span{margin: 0 5px;display:inline-block;width: 20px;height: 20px;}
.f-con span img{text-align: center;line-height: 20px;display: block;height: 100%;}
.footer .f-bottom{background: #333;color: #FFFFFF;text-align: center;font-size: 14px;line-height: 50px;}


/* about */
.content{min-height:200px;position: relative;}
.no{padding-top: 0;}
.content-tit{width:100%;height:60px;background: #eee;border-bottom: 1px solid #ddd;}
.place{max-width:1200px;margin:0 auto;padding-left:276px;line-height: 60px;font-size: 12px;font-family: '微软雅黑';color:#666;box-sizing: border-box;}
.place a{color:#666;text-decoration: none;}
.place a:hover{color:#0053a0;text-decoration: none;}

.content-con{max-width:1200px;margin:0 auto;padding-bottom: 40px;position: relative;}

.content-left{float:left;width:20%;}
.cl-tit{position: absolute;top:-120px;left:0px;width:240px;height:120px;background: #026aca;z-index: 22;}
.cl-tit h2{font-size: 24px;font-family: '微软雅黑';color:#fff;font-weight: bold;text-align: center;line-height: 30px;
	margin:35px 0 5px 0;}
.cl-tit p{font-size: 14px;font-family: '微软雅黑';color:#fff;text-align: center;}

.cl-con{width:100%;padding:20px 0;background: #0053a0;}
.cl-con ul{list-style: none;margin:0;padding:0;}
.cl-con ul li{line-height: 50px;text-indent: 2em;margin: 3px 0;}
.cl-con ul li:hover{background: #fff;}
.cl-con ul li .a1{font-size: 14px;font-family: '微软雅黑';color:#fff;text-decoration: none;display: block;
	background: url(../images/more.png) 185px center no-repeat;
}
.cl-con ul li:hover .a1{font-size: 14px;font-family: '微软雅黑';color:#333;text-decoration: none;
	background: url(../images/moree.png) 185px center no-repeat;
}


.cl-con ul li .rd-mu{font-family: '微软雅黑';font-size: 14px;}
.cl-con ul li .rd-mu p{line-height: 40px;padding-left:20px;background: #0053a0;margin: 0;}
.cl-con ul li .rd-mu p a{text-decoration: none;color:#fff;display: block;}
.cl-con ul li .rd-mu p a:hover{color:#fff;text-decoration: underline;}
.content-right{float:right;width:76.61%;}
.rd-a{width:100%;overflow: hidden;margin-top:20px;}
.rd-a-con{width:100%;}
.rd-a-con p{font-size: 14px;font-family: '微软雅黑';color:#666;line-height: 30px;text-indent: 2em;}

.cban img{width: 100%;}
.cl-con ul li .o-active{font-size: 14px;font-family: '微软雅黑';color:#333;text-decoration: none;
	background:#fff url(../images/moree.png) 185px center no-repeat;
}



/* about2 html */
.honor{width: 100%;height: auto;}
.ho-ul{width: 100%;height: auto;overflow: hidden;}
.ho-ul li{width: calc((100% - 60px)/3);float: left;margin: 10px;border:1px solid #e8e8e8 ;box-sizing: border-box;}
.ho-ul li .ho-img{padding: 10px;box-sizing: border-box;}
.ho-ul li .ho-img img{width: 100%;}
.ho-ul li .ho-wen{text-align: center;height: 40px;line-height: 40px;background: #eee;transition: all 0.5s;}
.ho-ul li:hover .ho-wen{background:#036EB8;color: #fff;}
.skip{ padding: 40px 0 15px;text-align: right;}
.skip a{text-decoration: none;}
.skip a.numbers {text-decoration: none;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.skip .iconfont {
    font-size: 14px;
    vertical-align: bottom;
}
.skip .numbers {
    display: inline-block;
    width: 30px;
    padding: 3px 0;
    margin: 0 7px;
    font-size: 14px;
    font-weight: 200;
    line-height: 20px;
    color: #b0b0b0;
	border: 1px solid #d9d9d9;
	text-align: center;
}
.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.skip .current {border: 1px solid #0053a0;background: #036EB8; color: #fff;}
.skip .numbers:hover{border: 1px solid #0053a0;background: #036EB8; color: #fff;}




/* about2-list hmtl */
.ho-title{text-align: center;height: 50px;line-height: 50px;padding: 0 20px;width: auto;font-size: 20px;margin-top: 20px;}
.ho-title span{border-bottom: 2px solid #036EB8;padding: 15px 0;font-weight: bold;}
.ho-list img{width: 100%;}
.ho-list{width: 55%;margin: 10px auto;}
.ho-text{width: 98%;height: auto;padding: 20px 0;margin: 60px auto 0;}
.ho-text span{display: block;}
.ho-text .ho-t1{float: left;}
.ho-text .ho-t2{float: right;}
.ho-text span a{color: #666;font-size: 14px;}



/* product html */
.rd-a .c-bottom .c-ul li{width: 32%;margin-right: 2%;height: 200px;}
.rd-a .c-bottom .c-ul li:nth-of-type(3n+0){margin-right: 0;}
.rd-a .c-bottom{padding-top: 0;}
.rd-a .c-ul .c-list{width: 220px;margin-left: -130px;height: 150px;margin-top: -95px;}



/* product-list html */
.pro-list-p p{font-size: 14px;line-height: 32px;color: #707070;}
.pro-list{margin-top: 40px;}
.c-list-plan{position: absolute;width: 100%;height: 100%;background: rgba(3,110,184,0.8) url(../images/more2.png) no-repeat center center;top: 0;left: 0;opacity: 0;transform: scale();transition: all 0.5s;}
.rd-a .c-bottom .c-ul li:hover .c-list-plan{opacity: 1;}


/* plan html */
.pro-list{line-height: 32px;color: #707070;}

/* news html */
.mains_right{ width:100%;  padding-top:70px;margin-bottom: 100px;}
.mainwits{ padding:50px 20px 50px 20px; border:1px solid #c9c9c9; position:relative;line-height:36px; font-size:16px; color:#232323;}
.mainwz{ padding:7px 40px 0px 40px; background:#308ed0; height:52px; position:absolute; left:22px; top:-30px; font-size:12px; color:#e0e0e0; line-height: normal;}
.mainwz span{ font-size:20px; color:#fff;}
.newimgs img{ width:100%; height:100%;transform: scale(1,1);transition: all 0.5s;}
.newlist ul li:hover .newblack,.newlist2 ul li:hover .newblack{ display:block;}
.newinfors{ width:73%; float:right;}
.newtitle{ width:100%;  font-size:18px;font-weight: bold;line-height: 32px;}
.newtitle a{ color:#181818;}
.newyears{ font-size:14px; color:#999; padding-top:1%;font-family: arial;}
.newwits{ line-height:26px; font-size:14px; color:#626262; padding-top:1%;}
.newa{ margin-top:2%; font-size:12px;color: #036EB8;text-align: left;}
.newimgs{width: 25%;float: left;position: relative;height: 150px;overflow: hidden;}
.newlist2 li{overflow: hidden;margin-bottom:40px ;}
.newlist2 li:hover .newimgs img{transform: scale(1.1,1.1);}
.newlist2 li:hover .newa{color: #172a88;}


/* news-list html */
.newsshow {
    background: #FFFFFF;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 32px;

}
.newsshow .title {
    padding: 10px 45px 0 0;
    font-weight: Bold;
    font-size: 20px;
    font-family: 'Microsoft YaHei',arial;
    line-height: 35px;
}

.newsshow .addtime {
    color: #f2395b;
    padding: 5px 0 0 0;
}
.pad-bottom{padding-bottom: 50px;}
.plist{font-size: 22px;font-weight: bold;text-align: center;padding: 20px 0;}
.ntitle {
    font-size: 24px;
    font-weight: bold;
    color: #5C5A5A;
}
.cons img{width: 100%;}


/* content */

.contact{width:100%;}
.contact h2{font-size: 24px;font-family: '微软雅黑';color:#333;line-height: 30px;margin:10px 0;}
.contact p{font-size: 14px;font-family: '微软雅黑';color:#333;line-height: 30px;margin:0;}

/* content2 */
.subCont {line-height: 26px;color: #666;}
.msgtitle {display: block; padding-bottom: 5px;font-size: 14px;font-weight: bold;}
.msg_input {
    width: 400px;
    border: 1px solid #e0e0e0;
    padding: 8px 9px;
    background: #fff;
    font-size: 13px;
    color: #888;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
    border-radius: 2px;
}
.min{width:600px;height:180px;overflow:auto;}
.msg_btn_area {margin: 16px 0;width:86px;height:36px;background: #09F;text-align: center;}
.msg_btn_area a {font-size: 14px;color:#fff;line-height: 36px;text-align: center;text-decoration: none;}
.msg_btn_area a:hover{font-size: 14px;color:#fff;line-height: 36px;text-align: center;text-decoration: none;}


/* case */
.img{height:100%;width: 100%;}
.anli-page{width: 100%;padding:0 4% 80px;box-sizing: border-box;}
.case-title {
    padding-top: 70px;
    padding-bottom: 40px;
}
.gf-news .news-hd a, .case-title a {
    margin-right: 20px;
    color: #474646;
}

.gf-news a:hover, .gf-news a.news-on, .case-title a.news-on, .case-title a:hover {
    color: #141414;
    font-weight: bold;
}
.gf-news a:hover i, .gf-news a.news-on i, .case-title a:hover i, .case-title a.news-on i {
    background: url(../images/index_atr.png) no-repeat center top;
}
.gf-news .news-hd i, .case-title i {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    background: url(../images/news_atr.png) no-repeat center;
}
.clearfix li {
    width: 33.333333%;
    padding: 0 11px;
    box-sizing: border-box;
    float: left;
    margin-bottom: 35px;
}
.bk{width: 100%;height: 210px;box-shadow:0px 0px 3px 2px rgba(0,0,0,0.06);overflow: hidden;}
.clearfix .fix .m2gc_more {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #666;
    line-height: 28px;
    display: block;
    height: 28px;
    background: url(../images/m2gc_ar1.png) no-repeat 94px center;
    transition: all 1s; 
}
.clearfix li:hover .m2gc_more{background: url(../images/m2gc_ar2.png) no-repeat 110px center;color: #036EB8;}
.clearfix li:hover .img{transform: scale(1.1,1.1);}
.clearfix .pic {
    overflow: hidden;
    height: 100%;
}
.pic .img{height: 100%;overflow: hidden;transform: scale(1,1);transition: all 1s;}
.clearfix li a {
    display: block;
}
.clearfix .fix {
    margin-top: 10px;
    min-height: 40px;
}
.clearfix .fix span {
	font-size: 15px;
    line-height: 32px;
    font-weight: bold;
}
.italic {
    display: block;
    font-size: 12px;
    font-family: 宋体;
    color: rgb(102, 102, 102);
}
.clearfix{width: 100%;height: auto;}
.clearfix .pic img {
    width: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all 3s;
    transform: scale(1,1);
}
.clearfix .pic img:hover{transform: scale(1.2,1.2) ;}
.clearfix .nor{margin: 0;}
.fix p {
    font-size: 12px;
    line-height: 24px;
    color: #666e87;
    height: 48px;
    overflow: hidden;
    margin-bottom: 15px;
}
.msg_btn_area input{background: none;border: 0;text-align: center;color: #fff;line-height: 36px;cursor: pointer;}